// 	背景颜色
$bgColor: #fff;
$bgDarkColor: #f7f7f7;

//	字体颜色
$fontColor: #333333;
$fontStrongColor: #000000;
$fontLightenrColor: #737373;

//	line颜色
$lineColor: #e0e0e0;

// kvse
$kvColor: #00bb55;
$success: #27ae60;
$default: #bdc3c7;
$forbidden: #cccccc;


// 几种不同的颜色
$template1Color: #ffffff;
$template2Color: #00bb55;
$temolate3Color: #000000;


// 	flex兼容
@mixin flexbox {
	display: box;
	display: flex;
}

//	flex垂直方向
@mixin flexboxVertical {
	box-orient: vertical;
	flex-direction:column;
}

//	flex子元素自适应撑满
@mixin flexAuto {
	box-flex: 1;
	flex: 1;
}

// flex兼容水平居中
@mixin flexCenterHori{
	box-pack: center;
	justify-content:center;
}
// flex兼容垂直居底
@mixin flexEndHori{
	box-align: end;
	justify-content: flex-end;
}

// flex兼容垂直居中
@mixin flexCenterVeri{
	box-align: center;
	align-items: center;
}

// flex兼容水平居底
@mixin flexEndVeri{
	box-pack: end;
	align-items: flex-end;
}

// 自动换行
@mixin flexWrap{
	flex-flow: row wrap;
  	align-content: flex-start;
}

// 水平反转
@mixin flexHoriReverse{
	box-direction: reverse;
	flex-direction: row-reverse;
}

// touchaction IE默写浏览器上面可以缩放，禁用
@mixin touchAction{
	touch-action: manipulation;
}


// 禁止选择
@mixin userSelect{
	user-select: none;
}

// 绝对定位百分百的窗口
@mixin absWin {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

//自定义padding
@mixin paddingAll($top:0, $right: 0, $bottom: 0, $left: 0){
	padding-top: $top;
	padding-right: $right;
	padding-bottom: $bottom;
	padding-left: $left;
}
@mixin padding($top: 0, $left: 0){
	padding-left: $left;
	padding-right: $left;
	padding-bottom: $top;
	padding-top: $top;
}

//自定义圆角
@mixin borderRadius($value: 2px){
	border-radius: $value;
}

// 图片路径
@function path($name) {
	@return "../assets/images/" + $name;
}

@mixin lineRadius($color: $kvColor) {
	content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid $color;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    pointer-events: none
}

// 暂无数据
@mixin noData($msg: 暂无数据){
	content: "'" + $msg + "'";
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    color: $fontLightenrColor;
    text-align: center;
    font-size: 15px;
    line-height: 200px;
}